/**
 * Created by QianQi on 2017/5/25.
 */
$(function(){
    var oHideParams = $.getHideParams();// <body> 下隐藏域键值对，name 为键
    var oUrlParams = $.getUrlParams();// url 附加参数键值对
    var URLS = {
        d_pagebar: 'demo.json'  // 分页数据源
    };
    var jqDatalist = $('.js-datalist'),// 绘制分页数据的容器
        oPagebarApi;// 分页 api
    // 顶部按钮点击事件
    var fTbtnsClick = function(){
        var jqThis = $(this);
        switch (jqThis.attr('data-type')){
            case 'info':
                console.log('获取到的分页信息:',oPagebarApi.page);// 获取分页信息
                break;
            case 'reset':
                oPagebarApi.fReset({// 修改配置
                    percount:10
                });
                break;
            //case 'destroy':
            //    oPagebarApi.destroy();// 销毁分页
            //    break;
        }
    };
    // 分页数据返回后的绘制函数
    var fAfterFlip = function(datalist,pageObj,data){
        var str='<div class="t_blue">当前第 '+pageObj.curpage+' 页，每页 '+pageObj.percount+' 条，共 '+pageObj.totalcount+' 条 '+pageObj.totalpage+' 页</div>';
        var startNo=(pageObj.curpage-1)*pageObj.percount;// 当前页起始页码
        for(var i= 0,item,len=datalist.length;i<len;i++){// 根据当前页数据重绘 dom
            item=datalist[i];
            str+='<p>'+(startNo+i)+': '+item['name']+'</p>'
        }
        jqDatalist.html(str);
    };
    /** ============== **/
    $('.js-tbtns').on('click','button',fTbtnsClick);// 顶部按钮点击事件
    oPagebarApi = $('.js-pagebar').initPageBar({
        percount:4,// 每页数据条数，默认为 20
        //perList:[4,10,20,30,40],// 可选择的每页页码列表，若未定义则不可切换
        //autoPage: 1,// 数据源变更后首次跳转的页码（从 1 开始），之后此属性会重设为 1，可以在重置数据源时重新传入。默认为 1
        url:URLS.d_pagebar,// 后台分页时请求的url
        args:{},// 后台分页时的参数
        //requestOpts:{},// 后台分页时，自定义的请求配置，其中 showloading,ajaxOpts.url,ajaxOpts.data 失效，请用其他属性实现
        showloading:true,// 后台分页请求时是否显示加载动画
        afterFlip: fAfterFlip// 每次翻页后的回调函数，datalist:当前页数据；pageObj:当前分页信息
    });
});